<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>YUI Dialogs Example</title>
    <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="../../build/animation/animation-min.js"></script>
    <script type="text/javascript" src="../../build/drapdrop/dragdrop-min.js"></script>
    <script type="text/javascript" src="../../build/connection/connection-min.js"></script>
    <script type="text/javascript" src="../../build/container/container-min.js"></script>
    <script type="text/javascript" src="../../build/menu/menu-min.js"></script>
    <script type="text/javascript" src="dialogs.js"></script>

    <link rel="stylesheet" type="text/css" href="../../build/assets/skins/sam/container.css">
    <link rel="stylesheet" type="text/css" href="../../build/assets/skins/sam/menu.css">
    <link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
    <link rel="stylesheet" type="text/css" href="dialogs.css">
  </head>
  <body class="yui-skin-sam">
    <div id="doc3" class="yui-t1">
      <div id="hd">
        <h1>DigitalDesigns</h1>
      </div>
      <div id="bd">
        <div class="yui-b">
          <div id="navmenu" class="yuimenu">
            <div class="bd">
              <ul class="first-of-type">
                <li class="yuimenuitem first-of-type"><a class="yuimenuitemlabel" href="aboutme.html">About Me</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="images.html">Images</a>
                  <div id="images" class="yuimenu">
                    <div class="bd">
                      <ul>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="photography.html">Photography</a></li>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="fantasy.html">Fantasy Art</a></li>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="Corporate.html">Corporate Logos</a></li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="blog.html">My Blog</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="contact.html">Contact Me</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="imagelinks.html">Image Resources</a>
                  <div id="links" class="yuimenu">
                    <div class="bd">
                      <ul>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.b3ta.com">B3ta</a></li>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://yotophoto.com">Yoto Photo</a></li>
                        <li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://www.flickr.com">Flickr</a></li>
                      </ul>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
	      <div id="yui-main">
	        <div class="yui-b">
            <p class="content-head">Fantasy Art Images</p>
            <div class="images">
              <img id="img1" src="images/image1_thumb.jpg" title="Right-click for options (Mac visitors will need to use the command key + left-click)"><img id="img2" src="images/image2_thumb.jpg" title="Right-click for options (Mac visitors will need to use the command key + left-click)">
            </div>
            <div id="panel1">
              <div class="hd">Image 1</div>
              <div class="bd"><img src="images/image1_full.jpg"></div>
              <div class="ft">Copyright &copy; The Extremist 2007</div>
            </div>
            <div id="panel2">
              <div class="hd">Image 2</div>
              <div class="bd"><img src="images/image2_full.jpg"></div>
              <div class="ft">Copyright &copy; The Extremist 2007</div>
            </div>
            <div id="dialog">
              <div class="hd">Please Rate This Image</div>
              <div class="bd">
                <form method="POST" action="ratings.jsp">
                  <input type="hidden" name="image">
                  <div class="radioContainer">
                    <input type="radio" name="rating" value="verypoor">
                    <span class="opt">Very Poor</span>
                  </div>
                  <div class="radioContainer">
                    <input type="radio" name="rating" value="poor">
                    <span class="opt">Poor</span>
                  </div>
                  <div class="radioContainer">
                    <input type="radio" name="rating" value="average">
                    <span class="opt">Average</span>
                  </div>
                  <div class="radioContainer">
                    <input type="radio" name="rating" value="prettygood">
                    <span class="opt">Pretty Good</span>
                  </div>
                  <div class="radioContainer">
                    <input type="radio" name="rating" value="great">
                    <span class="opt">Great</span>
                  </div>

                  <p><span class="rating">Rating:</span></p>
                </form>
              </div>
              <div class="ft"></div>
            </div>
          </div>
	      </div>
      </div>
      <div id="ft">
        <p class="ftext">Copyright&copy; Mr Freelance 2007</p>
      </div>
    </div>
  </body>
</html>



